// 取车申请免押
<template>
  <div class="no-wrapper">
    <div class="title">
      免押金
    </div>
    <div class="content">
      <div class="header-msg">
        <span class="line-class">下单预付租金后，取车时向门店工作人员</span>
        <span class="line-strong">申请芝麻信用免押金</span>
        <span class="line-class">，信用综合评估通过后有机会最高减免25000元。</span>
      </div>
      <div class="img">
        <img src="https://static.wkzuche.com/H5/images/wechat/carType/zhima.png" alt="">
      </div>
      <div class="message">
        <div class="title-class">
          使用芝麻信用免押金
        </div>
        <div class="msg-result">
          使用芝麻信用免押金的订单，车辆押金取车前冻结，还车时解冻；违章押金还车时冻结，还车后30天若无违章解冻。
        </div>
      </div>
      <div class="message">
        <div class="title-class">
          使用在线支付的押金
        </div>
        <div class="msg-result">车辆押金取车前支付，还车时退还；违章押金还车时支付，还车后30天若无违章退还。</div>
      </div>
    </div>
    <div class="i-know" @click="$emit('clickKnow')">知道了</div>
  </div>
</template>

<script>
  export default {
    name: 'NoDeposit',
    data () {
      return {
        
      }
    }
  }
</script>

<style lang="scss" scoped>
.no-wrapper {
  .title {
    width: 100%;
    height: 60px;
    background: #1577ff;
    color: #fff;
    line-height: 60px;
    text-align: center;
    font-size: 21px;
    font-weight: 500;
  }
  .content {
    padding: 0 15px;
    color: #282828;
    .header-msg {
      margin-top: 16px;
      font-size: 10px;
      line-height: 20px;
      .line-strong {
        font-size: 12px;
        font-weight: 800;
      }
    }
    .img {
      width: 285px;
      height: 56px;
      margin: 30px auto;
      img {
        width: 100%;
        height: 100%;
      }
    }
    .message {
      font-size: 14px;
      .title-class {
        font-weight: 800;
      }
      .msg-result {
        margin: 10px 0;
      }
    }
  }
  .i-know {
    width: 105px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #1577ff;
    border: 1px solid #1577ff;
    border-radius: 3px;
    margin: 16px auto 0;
    font-size: 12px;
  }
}
</style>